<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			body{
				height: 2000px;
				background-color: antiquewhite;
			}
		</style>
	</head>
	<body>
		<script type="text/javascript">
			//获取文档相关
			//注意：document是一个对象，对象没有宽高，必须获取到html元素才有宽高
			//document.documentElement获取的是整个网页
			
			//1.获取文档可视区宽高
			console.log(document.documentElement.clientWidth)
			console.log(document.documentElement.clientHeight)
			
			//2.获取页面宽高
			console.log(document.documentElement.scrollWidth)
			console.log(document.documentElement.scrollHeight)
			
			//3.获取滚动距离
			console.log(document.documentElement.scrollTop)
		</script>
	</body>
</html>
